<div class="panel panel-warning" ng-repeat="style in dict.styles">
    <div class="panel-heading text-center">
        {{(style.text||style.name)+"_"+style.code}}
        <button class="btn btn-primary pull-right" ng-click="addRule(style)">添加</button>
        <button class="btn btn-info pull-right" ng-click="combineRules(dict,style)">合并或拆分</button>
        <!--<button class="btn btn-info pull-right" ng-click="addPhotos(pageModel,{'typeId':curType.id,'multiple':true })" >复制此样式</button>-->
    </div>
    <div class="panel-body" style="padding:0">
        <table class="table table-bordered table-striped table-hover" style="margin-bottom: 0" ng-if="dict.id=='point'">
            <thead class="title">
            <tr>
                <th class="text-center">NO</th>
                <th th-check items="style.data" class="text-center" style="width:20px"></th>
                <th style="width: 100px"><span uib-tooltip="scale">级别</span></th>
                <th><span uib-tooltip="icon-name">图标</span> <group-edit style-type="style" field-type="'icon'" field="'iconName'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="poi_type">点类型</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.poiTypeDict"  field="'poiType'" ng-if="hasChecked(style.data)"></group-edit></th>
                <th style="width: 100px"><span uib-tooltip="density">旁白</span><group-edit style-type="style" field-type="'number'" field="'pointDensity'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="allow-overlap">允许压盖</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.yesNoDict" field="'allowOverlap'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-name">字体名称</span><group-edit style-type="style" field-type="'objDict'" obj-dict="listDicts('font')" field="'fontName'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-size">字体大小</span><group-edit style-type="style" field-type="'number'" field="'fontSize'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-color">字体前景色</span><group-edit style-type="style" field-type="'color'" field="'fontColor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-weight">字体粗细</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.fontWeightDict" field="'fontWeight'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-style">字体样式</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.fontStyleDict" field="'fontStyle'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="halosize">光晕密度</span><group-edit style-type="style" field-type="'number'" field="'halosize'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="bgsize">背景框加边</span><group-edit style-type="style" field-type="'number'" field="'bgsize'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="halocolor">光晕</span><group-edit style-type="style" field-type="'color'" field="'halocolor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="density">文字疏密度</span><group-edit style-type="style" field-type="'number'" field="'density'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="fillarc">圆弧大小</span><group-edit style-type="style" field-type="'number'" field="'fillarc'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th style="width:120px">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-if="!style.data || style.data.length == 0">
                <td colspan="100" class="text-center">暂无记录</td>
            </tr>
            <tr ng-repeat-start="item in style.data" ng-if="!item.edit" ng-class="{'bg-success': item.checked}">
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>{{item.scale}}</td>
             <!--   <td style="position: relative">
								<span role="button" class="btn-link"
                                      popover-class="popoverMax" popover-is-open="curTextStyle.ruleId == item.id"
                                      popover-trigger="'none'"
                                      ng-click="setCurTextStyle(item,item.textName)"
                                      uib-popover-template="'view/instance/textStyle.html'">
									{{item.textName|textFilter:curInstance}}</span></td>-->
                <!--popover-trigger="'outsideClick'"-->
                <td><div lazy-src="{{item.iconName}}" /></td>
                <td>{{item.poiType|keyToValue:$root.poiTypeDict}}</td>
                <td>{{item.pointDensity}}</td>
                <td>{{item.allowOverlap|keyToValue:$root.yesNoDict}}</td>
                <td>{{item.fontName|fontFilter:curInstance}}</td>
                <td>{{item.fontSize}}</td>
                <td color-trans color-id="item.fontColor" instance='curInstance' element-id="dict.id"></td>
                <td>{{item.fontWeight|keyToValue:$root.fontWeightDict}}</td>
                <td>{{item.fontStyle|keyToValue:$root.fontStyleDict}}</td>
                <td>{{item.halosize}}</td>
                <td>{{item.bgsize}}</td>
                <td color-trans color-id="item.halocolor" instance='curInstance' element-id="dict.id"></td>
                <td>{{item.density}}</td>
                <td>{{item.fillarc}}</td>
                <td>
                    <ng-include src="'view/instance/style_edit_buttons.html'"></ng-include>
                </td>
            </tr>
            <tr ng-repeat-end ng-if="item.edit" ng-form name="form" novalidate>
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>
                    <input type="text" class="form-control" ng-model="item.copy.scale" ng-pattern="/^[\d]+,[\d]+$/i"
                           required>
                </td>
              <!--  <td>
                    <select class="form-control" ng-model="item.copy.textName"
                            ng-options="o.id as o.name for o in listStyles('PointTextSymbolizer')">
                        <option value="">&#45;&#45;请选择&#45;&#45;</option>
                    </select>
                </td>-->
                <td> <icon-edit host="item.copy" key="'iconName'" ></icon-edit> </td>
                <td><select class="form-control" ng-model="item.copy.poiType" required
                            ng-options="o[0] as o[1] for o in $root.poiTypeDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.pointDensity" required></td>
                <td><select class="form-control" ng-model="item.copy.allowOverlap" required
                            ng-options="o[0] as o[1] for o in $root.yesNoDict">
                    <option value="">--请选择--</option>
                </select></td>
                <td><select class="form-control" ng-model="item.copy.fontName"
                            ng-options="o.id as o.name for o in listDicts('font')">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.fontSize" ></td>
                <td>
                    <color-selector host="item.copy" key="'fontColor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><select class="form-control" ng-model="item.copy.fontWeight"
                            ng-options="o[0] as o[1] for o in $root.fontWeightDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><select class="form-control" ng-model="item.copy.fontStyle"
                            ng-options="o[0] as o[1] for o in $root.fontStyleDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.halosize" ></td>
                <td><input type="number" class="form-control" ng-model="item.copy.bgsize" ></td>
                <td>
                    <color-selector host="item.copy" key="'halocolor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.density" ></td>
                <td><input type="number" class="form-control" ng-model="item.copy.fillarc" ></td>
                <td>
                    <a href='javascript:void(0)' ng-click="saveRule(form,item,'../rule/saveRulePoint')"
                       class='btn btn-xs btn-link text-primary'><span class='fa fa-save'></span>保存</a>
                    <a href='javascript:void(0)' ng-click="cancelRule(style,item)"
                       class='btn btn-xs btn-link text-danger'><span class='fa fa-undo'></span>取消</a>
                </td>
            </tr>
            </tbody>
        </table>
        <table class="table table-bordered table-striped table-hover" style="margin-bottom: 0" ng-if="dict.id=='line'">
            <thead class="title">
            <tr>
                <th class="text-center">NO</th>
                <th th-check items="style.data" class="text-center" style="width:20px"></th>
                <th><span uib-tooltip="scale">级别</span></th>

                <th><span uib-tooltip="stroke">画线颜色</span><group-edit style-type="style" field-type="'color'" field="'stroke'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="stroke_width">画线宽度</span><group-edit style-type="style" field-type="'number'" field="'strokeWidth'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="stroke-side">描边颜色</span><group-edit style-type="style" field-type="'color'" field="'strokeSide'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="side-width">描边宽度</span><group-edit style-type="style" field-type="'number'" field="'sideWidth'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="line-cap">线帽</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.lineCapDict" field="'lineCap'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="line-join">斜连接</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.lineJoinDict" field="'lineJoin'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="line-level">line-level</span><group-edit style-type="style" field-type="'number'" field="'lineLevel'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="stroke-texture">画线纹理</span><group-edit style-type="style" field-type="'icon'" field="'strokeTexture'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="side-texture">描边纹理</span><group-edit style-type="style" field-type="'icon'" field="'sideTexture'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="side-wall-texture">描边拔高纹理</span><group-edit style-type="style" field-type="'icon'" field="'sideWallTexture'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="model-height">模型高度</span><group-edit style-type="style" field-type="'number'" field="'modelHeight'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="dash-line-name">点划线样式</span><group-edit style-type="style" field-type="'objDict'" obj-dict="listDicts('dashLine')" field="'dashLineName'"  ng-if="hasChecked(style.data)"></group-edit></th>

                <!--  <th><span uib-tooltip="text-name">字体样式</span></th>-->
                <th><span uib-tooltip="font-name">字体名称</span><group-edit style-type="style" field-type="'objDict'" obj-dict="listDicts('font')" field="'fontName'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-size">字体大小</span><group-edit style-type="style" field-type="'number'" field="'fontSize'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-color">字体前景色</span><group-edit style-type="style" field-type="'color'" field="'fontColor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-weight">字体粗细</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.fontWeightDict" field="'fontWeight'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-style">字体样式</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.fontStyleDict" field="'fontStyle'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="halosize">光晕密度</span><group-edit style-type="style" field-type="'number'" field="'halosize'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="bgsize">背景框加边</span><group-edit style-type="style" field-type="'number'" field="'bgsize'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="halocolor">光晕</span><group-edit style-type="style" field-type="'color'" field="'halocolor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="density">文字疏密度</span><group-edit style-type="style" field-type="'number'" field="'density'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="fillarc">圆弧大小</span><group-edit style-type="style" field-type="'number'" field="'fillarc'"  ng-if="hasChecked(style.data)"></group-edit></th>

                <th style="width:120px">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-if="!style.data || style.data.length == 0">
                <td colspan="100" class="text-center">暂无记录</td>
            </tr>
            <tr ng-repeat-start="item in style.data" ng-if="!item.edit" ng-class="{'bg-success': item.checked}">
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>{{item.scale}}</td>

                <td color-trans color-id="item.stroke" instance='curInstance' element-id="dict.id"></td>
                <td>{{item.strokeWidth}}</td>
                <td color-trans color-id="item.strokeSide" instance='curInstance' element-id="dict.id"></td>
                <td>{{item.sideWidth}}</td>
                <td>{{item.lineCap|keyToValue:$root.lineCapDict}}</td>
                <td>{{item.lineJoin|keyToValue:$root.lineJoinDict}}</td>
                <td>{{item.lineLevel}}</td>
                <td><div lazy-src="{{item.strokeTexture}}" /></td>
                <td><div lazy-src="{{item.sideTexture}}" /></td>
                <td><div lazy-src="{{item.sideWallTexture}}" /></td>
                <td>{{item.modelHeight}}</td>
                <td>{{item.dashLineName|dashLineFilter:curInstance}}</td>
                <td>{{item.fontName|fontFilter:curInstance}}</td>
                <td>{{item.fontSize}}</td>
                <td color-trans color-id="item.fontColor" instance='curInstance' element-id="dict.id"></td>
                <td>{{item.fontWeight|keyToValue:$root.fontWeightDict}}</td>
                <td>{{item.fontStyle|keyToValue:$root.fontStyleDict}}</td>
                <td>{{item.halosize}}</td>
                <td>{{item.bgsize}}</td>
                <td color-trans color-id="item.halocolor" instance='curInstance' element-id="dict.id"></td>
                <td>{{item.density}}</td>
                <td>{{item.fillarc}}</td>
              <!--  <td style="position: relative">
								<span role="button" class="btn-link"
                                      popover-class="popoverMax" popover-is-open="curTextStyle.ruleId == item.id"
                                      popover-trigger="'none'"
                                      ng-click="setCurTextStyle(item,item.textName)"
                                      uib-popover-template="'view/instance/textStyle.html'">
									{{item.textName|textFilter:curInstance}}</span></td>-->
                <td>
                    <ng-include src="'view/instance/style_edit_buttons.html'"></ng-include>
                </td>
            </tr>
            <tr ng-repeat-end ng-if="item.edit" ng-form name="form" novalidate>
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>
                    <input type="text" class="form-control" ng-model="item.copy.scale" ng-pattern="/^[\d]+,[\d]+$/i"
                           required>
                </td>
                <td>
                    <color-selector host="item.copy" key="'stroke'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.strokeWidth" required></td>
                <td>
                    <color-selector host="item.copy" key="'strokeSide'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.sideWidth" required></td>
                <td><select class="form-control" ng-model="item.copy.lineCap" required
                            ng-options="o[0] as o[1] for o in $root.lineCapDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><select class="form-control" ng-model="item.copy.lineJoin" required
                            ng-options="o[0] as o[1] for o in $root.lineJoinDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.lineLevel" required></td>
                <td> <icon-edit host="item.copy" key="'strokeTexture'" ></icon-edit> </td>
                <td> <icon-edit host="item.copy" key="'sideTexture'" ></icon-edit> </td>
                <td> <icon-edit host="item.copy" key="'sideWallTexture'" ></icon-edit> </td>
                <td><input type="number" class="form-control" ng-model="item.copy.modelHeight" required></td>
                <td>
                    <select class="form-control" ng-model="item.copy.dashLineName"
                            ng-options="o.id as o.name for o in listDicts('dashLine')">
                        <option value="">--请选择--</option>
                    </select>
                </td>
              <!--  <td>
                    <select class="form-control" ng-model="item.copy.textName"
                            ng-options="o.id as o.name for o in listStyles('LineTextSymbolizer')">
                        <option value="">&#45;&#45;请选择&#45;&#45;</option>
                    </select>
                </td>-->
                <td><select class="form-control" ng-model="item.copy.fontName"
                            ng-options="o.id as o.name for o in listDicts('font')">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.fontSize" ></td>
                <td>
                    <color-selector host="item.copy" key="'fontColor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><select class="form-control" ng-model="item.copy.fontWeight"
                            ng-options="o[0] as o[1] for o in fontWeightDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><select class="form-control" ng-model="item.copy.fontStyle"
                            ng-options="o[0] as o[1] for o in fontStyleDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.halosize" ></td>
                <td><input type="number" class="form-control" ng-model="item.copy.bgsize" ></td>
                <td>
                    <color-selector host="item.copy" key="'halocolor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.density" ></td>
                <td><input type="number" class="form-control" ng-model="item.copy.fillarc" ></td>
                <td>
                    <a href='javascript:void(0)' ng-click="saveRule(form,item,'../rule/saveRuleLine')"
                       class='btn btn-xs btn-link text-primary'><span class='fa fa-save'></span>保存</a>
                    <a href='javascript:void(0)' ng-click="cancelRule(style,item)"
                       class='btn btn-xs btn-link text-danger'><span class='fa fa-undo'></span>取消</a>
                </td>
            </tr>
            </tbody>
        </table>

        <table class="table table-bordered table-striped table-hover" style="margin-bottom: 0"
               ng-if="dict.id=='polygon'">
            <thead class="title">
            <tr>
                <th class="text-center">NO</th>
                <th th-check items="style.data" class="text-center" style="width:20px"></th>
                <th><span uib-tooltip="scale">级别</span></th>
                <th><span uib-tooltip="fill">填充颜色</span><group-edit style-type="style" field-type="'color'" field="'fill'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="border-color">描边颜色</span><group-edit style-type="style" field-type="'color'" field="'borderColor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="border-width">描边宽度</span><group-edit style-type="style" field-type="'number'" field="'borderWidth'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="region-texture">填充纹理资源</span><group-edit style-type="style" field-type="'icon'" field="'regionTexture'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="border-texture">描边纹理资源</span><group-edit style-type="style" field-type="'icon'" field="'borderTexture'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="region-type">填充类型</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.regionTypeDict" field="'regionType'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th style="width:120px">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-if="!style.data || style.data.length == 0">
                <td colspan="100" class="text-center">暂无记录</td>
            </tr>
            <tr ng-repeat-start="item in style.data" ng-if="!item.edit" ng-class="{'bg-success': item.checked}">
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>{{item.scale}}</td>

                <td color-trans color-id="item.fill" instance='curInstance' element-id="dict.id"></td>
                <td color-trans color-id="item.borderColor" instance='curInstance' element-id="dict.id"></td>
                <td>{{item.borderWidth}}</td>
                <td><div lazy-src="{{item.regionTexture}}" /></td>
                <td><div lazy-src="{{item.borderTexture}}" /></td>
                <td>{{item.regionType|keyToValue:$root.regionTypeDict}}</td>
                <td>
                    <ng-include src="'view/instance/style_edit_buttons.html'"></ng-include>
                </td>
            </tr>
            <tr ng-repeat-end ng-if="item.edit" ng-form name="form" novalidate>
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>
                    <input type="text" class="form-control" ng-model="item.copy.scale" ng-pattern="/^[\d]+,[\d]+$/i"
                           required>
                </td>
                <td>
                    <color-selector host="item.copy" key="'fill'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td>
                    <color-selector host="item.copy" key="'borderColor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.borderWidth" required></td>
                <td> <icon-edit host="item.copy" key="'regionTexture'" ></icon-edit> </td>
                <td> <icon-edit host="item.copy" key="'borderTexture'" ></icon-edit> </td>
                <td><select class="form-control" ng-model="item.copy.regionType" required
                            ng-options="o[0] as o[1] for o in regionTypeDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td>
                    <a href='javascript:void(0)' ng-click="saveRule(form,item,'../rule/saveRulePolygon')"
                       class='btn btn-xs btn-link text-primary'><span class='fa fa-save'></span>保存</a>
                    <a href='javascript:void(0)' ng-click="cancelRule(style,item)"
                       class='btn btn-xs btn-link text-danger'><span class='fa fa-undo'></span>取消</a>
                </td>
            </tr>
            </tbody>
        </table>

        <table class="table table-bordered table-striped table-hover" style="margin-bottom: 0"
               ng-if="dict.id=='building'">
            <thead class="title">
            <tr>
                <th class="text-center">NO</th>
                <th th-check items="style.data" class="text-center" style="width:20px"></th>
                <th><span uib-tooltip="scale">级别</span></th>

                <th><span uib-tooltip="roof-color">楼顶颜色</span><group-edit style-type="style" field-type="'color'" field="'roofColor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="root-color">地面颜色</span><group-edit style-type="style" field-type="'color'" field="'rootColor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="wall-color">侧面颜色</span><group-edit style-type="style" field-type="'color'" field="'wallColor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="window-color">窗户颜色</span><group-edit style-type="style" field-type="'color'" field="'windowColor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="roof-line-color">楼顶边颜色</span><group-edit style-type="style" field-type="'color'" field="'roofLineColor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="wall-line-color">侧面边颜色</span><group-edit style-type="style" field-type="'color'" field="'wallLineColor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="diffuse">diffuse</span><group-edit style-type="style" field-type="'number'" field="'diffuse'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="light-source">光源位置</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.lightSourceDict" field="'lightSource'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="roof-texture">楼顶纹理</span><group-edit style-type="style" field-type="'icon'" field="'roofTexture'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="wall-texture">侧面纹理</span><group-edit style-type="style" field-type="'icon'" field="'wallTexture'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="window-repeat">重复描绘窗户</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.yesNoDict" field="'windowRepeat'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="roof-line-color-2d">2D模式楼顶边颜色</span><group-edit style-type="style" field-type="'color'" field="'roofLineColor2d'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="roof-color-2d">2D模式楼顶颜色</span><group-edit style-type="style" field-type="'color'" field="'roofColor2d'"  ng-if="hasChecked(style.data)"></group-edit></th>


                <th style="width:120px">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-if="!style.data || style.data.length == 0">
                <td colspan="100" class="text-center">暂无记录</td>
            </tr>
            <tr ng-repeat-start="item in style.data" ng-if="!item.edit" ng-class="{'bg-success': item.checked}">
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>{{item.scale}}</td>

                <td color-trans color-id="item.roofColor" instance='curInstance' element-id="dict.id"></td>
                <td color-trans color-id="item.rootColor" instance='curInstance' element-id="dict.id"></td>
                <td color-trans color-id="item.wallColor" instance='curInstance' element-id="dict.id"></td>
                <td color-trans color-id="item.windowColor" instance='curInstance' element-id="dict.id"></td>
                <td color-trans color-id="item.roofLineColor" instance='curInstance' element-id="dict.id"></td>
                <td color-trans color-id="item.wallLineColor" instance='curInstance' element-id="dict.id"></td>
                <td>{{item.diffuse}}</td>
                <td>{{item.lightSource|keyToValue:$root.lightSourceDict}}</td>
                <td><div lazy-src="{{item.roofTexture}}" /></td>
                <td><div lazy-src="{{item.wallTexture}}" /></td>

                <td>{{item.windowRepeat|keyToValue:$root.yesNoDict}}</td>
                <td color-trans color-id="item.roofLineColor2d" instance='curInstance' element-id="dict.id"></td>
                <td color-trans color-id="item.roofColor2d" instance='curInstance' element-id="dict.id"></td>

                <td>
                    <ng-include src="'view/instance/style_edit_buttons.html'"></ng-include>
                </td>
            </tr>
            <tr ng-repeat-end ng-if="item.edit" ng-form name="form" novalidate class="narrowTd">
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>
                    <input type="text" class="form-control" ng-model="item.copy.scale" ng-pattern="/^[\d]+,[\d]+$/i"
                           required>
                </td>
                <td>
                    <color-selector host="item.copy" key="'roofColor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td>
                    <color-selector host="item.copy" key="'rootColor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td>
                    <color-selector host="item.copy" key="'wallColor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td>
                    <color-selector host="item.copy" key="'windowColor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td>
                    <color-selector host="item.copy" key="'roofLineColor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td>
                    <color-selector host="item.copy" key="'wallLineColor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.diffuse" required></td>

                <td><select class="form-control" ng-model="item.copy.lightSource" required
                            ng-options="o[0] as o[1] for o in lightSourceDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td> <icon-edit host="item.copy" key="'roofTexture'" ></icon-edit> </td>
                <td> <icon-edit host="item.copy" key="'wallTexture'" ></icon-edit> </td>
                <td><select class="form-control" ng-model="item.copy.windowRepeat" required
                            ng-options="o[0] as o[1] for o in yesNoDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td>
                    <color-selector host="item.copy" key="'roofLineColor2d'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td>
                    <color-selector host="item.copy" key="'roofColor2d'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td>
                    <a href='javascript:void(0)' ng-click="saveRule(form,item,'../rule/saveRuleBuilding')"
                       class='btn btn-xs btn-link text-primary'><span class='fa fa-save'></span>保存</a>
                    <a href='javascript:void(0)' ng-click="cancelRule(style,item)"
                       class='btn btn-xs btn-link text-danger'><span class='fa fa-undo'></span>取消</a>
                </td>
            </tr>
            </tbody>
        </table>


        <table class="table table-bordered table-striped table-hover" style="margin-bottom: 0" ng-if="dict.id=='arrow'">
            <thead class="title">
            <tr>
                <th class="text-center">NO</th>
                <th th-check items="style.data" class="text-center" style="width:20px"></th>
                <th><span uib-tooltip="scale">级别</span></th>
                <th><span uib-tooltip="TailAndHeadDist">头尾距离</span><group-edit style-type="style" field-type="'number'" field="'tailAndHeadDist'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="LabelDistance">标签距离</span><group-edit style-type="style" field-type="'number'" field="'labelDistance'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="color">颜色</span><group-edit style-type="style" field-type="'color'" field="'color'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="width">宽度</span><group-edit style-type="style" field-type="'number'" field="'width'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="length">长度</span><group-edit style-type="style" field-type="'number'" field="'length'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="texture">纹理</span><group-edit style-type="style" field-type="'icon'" field="'texture'"  ng-if="hasChecked(style.data)"></group-edit></th>

                <th style="width:120px">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-if="!style.data || style.data.length == 0">
                <td colspan="100" class="text-center">暂无记录</td>
            </tr>
            <tr ng-repeat-start="item in style.data" ng-if="!item.edit" ng-class="{'bg-success': item.checked}">
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>{{item.scale}}</td>
                <td>{{item.tailAndHeadDist}}</td>
                <td>{{item.labelDistance}}</td>
                <td color-trans color-id="item.color" instance='curInstance' element-id="dict.id">{{item.color}}</td>
                <td>{{item.width}}</td>
                <td>{{item.length}}</td>
                <td><div lazy-src="{{item.texture}}" /></td>
                <td>
                    <ng-include src="'view/instance/style_edit_buttons.html'"></ng-include>
                </td>
            </tr>
            <tr ng-repeat-end ng-if="item.edit" ng-form name="form" novalidate>
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>
                    <input type="text" class="form-control" ng-model="item.copy.scale" ng-pattern="/^[\d]+,[\d]+$/i"
                           required>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.tailAndHeadDist" required></td>
                <td><input type="number" class="form-control" ng-model="item.copy.labelDistance" required></td>
                <td>
                    <color-selector host="item.copy" key="'color'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.width" required></td>
                <td><input type="number" class="form-control" ng-model="item.copy.length" required></td>
                <td> <icon-edit host="item.copy" key="'texture'" ></icon-edit> </td>
                <td>
                    <a href='javascript:void(0)' ng-click="saveRule(form,item,'../rule/saveRuleArrow')"
                       class='btn btn-xs btn-link text-primary'><span class='fa fa-save'></span>保存</a>
                    <a href='javascript:void(0)' ng-click="cancelRule(style,item)"
                       class='btn btn-xs btn-link text-danger'><span class='fa fa-undo'></span>取消</a>
                </td>
            </tr>
            </tbody>
        </table>

        <table class="table table-bordered table-striped table-hover" style="margin-bottom: 0"
               ng-if="dict.id=='roadSign'">
            <thead class="title">
            <tr>
                <th class="text-center">NO</th>
                <th th-check items="style.data" class="text-center" style="width:20px"></th>
                <th><span uib-tooltip="scale">级别</span></th>
                <th><span uib-tooltip="iconname">图标资源</span><group-edit style-type="style" field-type="'icon'" field="'iconname'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <!--<th><span uib-tooltip="textname">字体样式</span></th>-->
                <th><span uib-tooltip="font-name">字体名称</span><group-edit style-type="style" field-type="'objDict'" obj-dict="listDicts('font')" field="'fontName'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-size">字体大小</span><group-edit style-type="style" field-type="'number'" field="'fontSize'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-color">字体前景色</span><group-edit style-type="style" field-type="'color'" field="'fontColor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-weight">字体粗细</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.fontWeightDict" field="'fontWeight'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="font-style">字体样式</span><group-edit style-type="style" field-type="'arrayDict'" array-dict="$root.fontStyleDict" field="'fontStyle'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="halosize">光晕密度</span><group-edit style-type="style" field-type="'number'" field="'halosize'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="bgsize">背景框加边</span><group-edit style-type="style" field-type="'number'" field="'bgsize'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="halocolor">光晕</span><group-edit style-type="style" field-type="'color'" field="'halocolor'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="density">文字疏密度</span><group-edit style-type="style" field-type="'number'" field="'density'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th><span uib-tooltip="fillarc">圆弧大小</span><group-edit style-type="style" field-type="'number'" field="'fillarc'"  ng-if="hasChecked(style.data)"></group-edit></th>
                <th style="width:120px">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-if="!style.data || style.data.length == 0">
                <td colspan="100" class="text-center">暂无记录</td>
            </tr>
            <tr ng-repeat-start="item in style.data" ng-if="!item.edit" ng-class="{'bg-success': item.checked}">
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>{{item.scale}}</td>
                <td><div lazy-src="{{item.iconname}}" /></td>
               <!-- <td style="position: relative">
								<span role="button" class="btn-link"
                                      popover-class="popoverMax" popover-is-open="curTextStyle.id == item.textname"
                                      popover-trigger="'none'"
                                      ng-click="setCurTextStyle(item,item.textname)"
                                      uib-popover-template="'view/instance/textStyle.html'">
									{{item.textname|textFilter:curInstance}}</span></td>-->
                <td>{{item.fontName|fontFilter:curInstance}}</td>
                <td>{{item.fontSize}}</td>
                <td color-trans color-id="item.fontColor" instance='curInstance' element-id="dict.id"></td>
                <td>{{item.fontWeight|keyToValue:$root.fontWeightDict}}</td>
                <td>{{item.fontStyle|keyToValue:$root.fontStyleDict}}</td>
                <td>{{item.halosize}}</td>
                <td>{{item.bgsize}}</td>
                <td color-trans color-id="item.halocolor" instance='curInstance' element-id="dict.id"></td>
                <td>{{item.density}}</td>
                <td>{{item.fillarc}}</td>
                <td>
                    <ng-include src="'view/instance/style_edit_buttons.html'"></ng-include>
                </td>
            </tr>
            <tr ng-repeat-end ng-if="item.edit" ng-form name="form" novalidate>
                <td class="text-center">{{$index + 1}}</td>
                <td td-check item="item"></td>
                <td>
                    <input type="text" class="form-control" ng-model="item.copy.scale" ng-pattern="/^[\d]+,[\d]+$/i"
                           required>
                </td>
                <td> <icon-edit host="item.copy" key="'iconname'" ></icon-edit> </td>
               <!-- <td>
                    <select class="form-control" ng-model="item.copy.textname"
                            ng-options="o.id as o.name for o in listStyles('LableIconSymbolizer')">
                        <option value="">&#45;&#45;请选择&#45;&#45;</option>
                    </select>
                </td>-->
                <td><select class="form-control" ng-model="item.copy.fontName"
                            ng-options="o.id as o.name for o in listDicts('font')">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.fontSize" ></td>
                <td>
                    <color-selector host="item.copy" key="'fontColor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><select class="form-control" ng-model="item.copy.fontWeight"
                            ng-options="o[0] as o[1] for o in fontWeightDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><select class="form-control" ng-model="item.copy.fontStyle"
                            ng-options="o[0] as o[1] for o in fontStyleDict">
                    <option value="">--请选择--</option>
                </select>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.halosize" ></td>
                <td><input type="number" class="form-control" ng-model="item.copy.bgsize" ></td>
                <td>
                    <color-selector host="item.copy" key="'halocolor'" instance='curInstance'
                                    element-id="dict.id"></color-selector>
                </td>
                <td><input type="number" class="form-control" ng-model="item.copy.density" ></td>
                <td><input type="number" class="form-control" ng-model="item.copy.fillarc" ></td>
                <td>
                    <a href='javascript:void(0)' ng-click="saveRule(form,item,'../rule/saveRuleRoadSign')"
                       class='btn btn-xs btn-link text-primary'><span class='fa fa-save'></span>保存</a>
                    <a href='javascript:void(0)' ng-click="cancelRule(style,item)"
                       class='btn btn-xs btn-link text-danger'><span class='fa fa-undo'></span>取消</a>
                </td>
            </tr>
            </tbody>
        </table>


    </div>
</div>